<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us"> 
	<head profile="http://gmpg.org/xfn/11" xml:lang="en-us"> 
		<style id="preload-styles" type="text/css"> 
			body {
				background-image:url('/app/images/indicator-3a.gif');
				background-color: #000;
				background-repeat: no-repeat;
				background-position: center center;
			}
			.pre-loading {
				height: 500px;
			}
		</style> 
		<script type="text/javascript"> 
			function JSLogger(Msg, Pg, Ln) {
				if (App.Config.Debug) {
					var LogMsg = 'JSLogger: \n';
					for (var i = 0; i < arguments.length; i ++) {
						LogMsg += '  ' + arguments[i] + '\n';
					}
					if (window['console']) {
						console.log(LogMsg);
					}
				}
				return true;
			}
		</script> 
		<script type="text/javascript"> 
			window.onerror = JSLogger;
		</script> 
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js"></script> 
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/effects.js"></script> 
		
		<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight,light,regular&amp;subset=latin' rel='stylesheet' type='text/css'>
		
		<script type="text/javascript"> 
			App = {};
			App.PathRoot = 'http://phasedreduction.appspot.com';
			//App.PathRoot = 'http://localhost:8080';
			App.User = {};
			App.User.IpAddress = '208.54.35.77'; 
			App.User.IsAuthenticated = false; 
			App.User.UserName = 'tctconferencedemo@stratacast.com'; 
			App.User.SessionId = 'vmwcn4z1zsbzf555m5n4bta4'; 
			App.User.Roles = [];
			App.Config = {};
			App.Config.Debug = (App.User.Roles.indexOf('Developers') > -1) ? true : false; 
			App.Config.Application = {}; 
			App.Config.Application.Title = 'StrataCast: TCT Conference 2010'; 
			App.Config.Content = {}; 
			App.Config.Content.Id = '88fc5748-1d84-4b16-8f34-ec3cd0303c5d'; 
			App.Config.Content.Title = 'Home'; 
			App.Config.Content.CreatedBy = 'gn@phasedreduction.com'; 
			App.Config.Content.DateCreated = '2010/08/05 08:22 AM'; 
			App.Config.Content.Version = '5.0'; 
			App.Config.Init = {};
			App.Config.Init.Assets = [ 
			 { 'Type': 1, 'Id': 'AppStyle0', Url: App.PathRoot + '/app_styles/Phased.Reset.css' }, 
			 { 'Type': 1, 'Id': 'AppStyle1', Url: App.PathRoot + '/app_styles/Phased.App.css' }, 
			 { 'Type': 1, 'Id': 'AppStyle2', Url: App.PathRoot + '/app_styles/Phased.App.IE.css', 'IE': 1 }, 
			 { 'Type': 1, 'Id': 'SiteStyle0', Url: '/app/styles/Site.css' }, 
			 { 'Type': 2, 'Id': 'SiteScript1', Url: '/app/scripts/Site.js' }
			]; 
			App.Config.Controls = [];
			App.Config.Controls.push({
			 'Guid': 'ImageLoaders', 
			 'ControlType': 0 
			});
			App.Config.Controls.push({
			 'Guid': 'Indicators', 
			 'ControlType': 0 
			});
			/*App.Config.Controls.push({
			 'Guid': 'Forms', 
			 'ControlType': 1, 
			 'ScriptUrl': App.PathRoot + '/app_scripts/Phased.Controls.Forms.js' 
			});*/
			App.Config.Controls.push({
			 'Guid': 'TabSets', 
			 'ControlType': 1, 
			 'ScriptUrl': App.PathRoot + '/app_scripts/Phased.Controls.TabSets.js' 
			});
			App.Config.Controls.push({
			 'Guid': 'Tooltips', 
			 'ControlType': 1, 
			 'ScriptUrl': App.PathRoot + '/app_scripts/Phased.Controls.Tooltips.js' 
			});
			App.Config.Controls.push({
			 'Guid': 'Modals', 
			 'ControlType': 1, 
			 'ScriptUrl': App.PathRoot + '/app_scripts/Phased.Controls.Modals.js' 
			});
			/*App.Config.Controls.push({
			 'Guid': 'Fonts', 
			 'ControlType': 0, 
			 'Items': [ 
			     { 'Type': 1, 'Id': 'Font0', 'Url': 'http://fonts.googleapis.com/css?family=Molengo&subset=latin' } 
			  ]
			});*/
			App.Config.Analytics = {
			 'Guid': 'Analytics', 
			 'ControlType': 0, 
			 'Profile': { 'Id': 'UA-339567-25' }, 
			 'ScriptUrl': App.PathRoot + '/app_scripts/Phased.Controls.Analytics.js' 
			};
		</script> 
		<title>StrataCast Clinical Analysis / Dashboard</title> 
		<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
		<meta http-equiv="content-script-type" content="text/javascript" /> 
		<meta http-equiv="content-style-type" content="text/css" /> 
		<meta http-equiv="cache-control" content="max-age=84600, must-revalidate" /> 
		<meta http-equiv="imagetoolbar" content="no" /> 
		<meta http-equiv="X-UA-Compatible" content="edge" /> 
		<meta name="language" content="en-us" /> 
		<meta name="publisher" content="Google AppEngine" /> 
		<meta name="description" content="" /> 
		<meta name="author" content="Gregory Nicholas, Ali Sharafat" /> 
		<meta name="copyright" content="Copyright (c) Copyright (c) 2010 PhasedReduction, LLC - Gregory Nicholas, Ali Sharafat" /> 
		<meta name="mssmarttagspreventparsing" content="true" /> 
		<meta name="code_language" content="vb" /> 
		<meta name="google-site-verification" content="rhS_FYZlppALFApVdCoaCVd0HhJ1Uk2QAllYtcS5_hc" /> 
        
        <script type="text/javascript" src="http://phasedreduction.appspot.com/app_scripts/Phased.App.js"></script> 
        
	</head> 
	<body> 
	
		<script type="text/javascript"> 
			window.onerror = JSLogger;
		</script> 
		
		<div id="page" class="pre-loading" style="display:none;">
		
		<div id="site-head">
			<div class="wrapper-a center-box"> 
				<ul class="menu-a">
					<li class="fl-left">
						<a href="/patients" class="patients active"></a>
					</li>
					<li class="fl-left">
						<a href="/providers" class="collaborators"></a>
					</li>
					<li class="fl-left">
						<a href="/outcomes" class="outcomes"></a>
					</li>
				</ul>
				<div class="clear"></div>
			</div>
		</div>
		<!-- // end of #site-head --> 
		<div id="page-head">
			<div class="wrapper-a center-box"> 
				<ul class="menu-b">
					<li class="active fl-left" style="width:440px;">
						Add New Patient
						<img src="/app/images/menu-b-notch-bottom.png" style=""/>
					</li>
				</ul>
				<div class="clear"></div>
			</div>
			<!-- // end of .wrapper-a --> 
		</div>
		<!-- // end of #page-head --> 
		<div id="page-wrapper" class="page-wrapper">
			<div id="page-body-wrapper">
			<div class="wrapper-a center-box">
				
				<div class="two-column">
				
					<div id="status-msg-success" class="shadow-text" style="display:none;">
						Patient saved successfully.
					</div>
						
					<div 
						callback_init="" 
						callback_failure="" 
						callback_success="" 
						ajax-uri="/save" 
						label="Add New Patient" 
						notifier="column-0-notifier" 
						class="phased-form fl-left column-0" 
						name="form-patient-add" 
						id="form-patient-add" 
						method="post" 
						style="width:440px;" 
						>
						
						<div style="margin:18px 0 10px 0; position:relative; font-size:24px; color:#fff;">
							Add a New Risk Stratification
						</div>
						
						<div class="control-indicator" id="column-0-notifier" style="display:none;"></div>
						
						<div class="form-top-outer">
						</div>
						<div class="form-wrapper-outer">
							<div class="form-wrapper-inner">
								
								<div class="row first">
									<div class="fl-left" style="width:150px;">
										<div class="form-field-label">
											Patient Name
										</div>
									</div>
									<div class="fl-right">
										<div class="textfield-wrapper name first fl-left">
										<input 
											label="first name" 
											required="1" 
											field-type="string" 
											class="textfield name form-field" 
											type="text" 
											name="patient-firstname" 
											def-value="first" 
											id="patient-firstname" 
											maxlength="150" 
											/>
										</div>
										<div class="textfield-wrapper name fl-left">
										<input 
											label="last name" 
											required="1" 
											field-type="string" 
											class="textfield name form-field" 
											type="text" 
											name="patient-lastname" 
											def-value="last" 
											id="patient-lastname" 
											maxlength="150"
											/>
										</div>
										<div class="clear"></div>
									</div>
									<div class="clear"></div>
								</div>
								<!-- // end of .row -->
								
								<div class="row">
									<div class="fl-left form-field-label">
										Age
									</div>
									<div class="fl-right" style="width:250px;">
										<div class="textfield-wrapper">
											<input 
												label="Age" 
												required="1" 
												field-type="integer" 
												class="textfield form-field" 
												type="text" 
												name="patient-age" 
												def-value="" 
												id="patient-age" 
												minlength="1" 
												maxlength="3" 
												onkeyup="Site.CalculateScorecardAge();"
												onblur="Site.CalculateScorecardAge();"
												/>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<!-- // end of .row -->
								
								<div class="row last">
									<div class="fl-left form-field-label">
										Gender
									</div>
									<div class="fl-right" style="width:94px; padding-top:4px;">
										<div class="field-boolean gender true">
											<input 
												label="Age"  
												field-type="integer" 
												class="textfield form-field" 
												type="hidden" 
												name="patient-gender" 
												id="patient-gender" 
												value="true" 
												/>
											<a form-field="patient-gender" field-value="true" class="block" href="javascript:function voi(){};voi()" onclick="Site.CalculateScorecard(this);">Toggle</a>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<!-- // end of .row -->
								
							</div>
						</div>
						
						<div style="margin:18px 0 10px 0; position:relative; font-size:24px; color:#fff;">
							Select Stratification Scale
						</div>
						
						<ul class="menu-tabs">
							
							<li tab-set="body-a" tab-frame="big-block-1" class="fl-left tab-handler txt-4 active">
								<a href="javascript:function voi(){};voi()">TIMI</a>
							</li>
							<li tab-set="body-a" tab-frame="big-block-2" class="fl-left tab-handler txt-4">
								<a href="javascript:function voi(){};voi()">GUSTO</a>
							</li>
							<li tab-set="body-a" tab-frame="big-block-3" class="fl-left tab-handler txt-4">
								<a href="javascript:function voi(){};voi()">PREDICT</a>
							</li>
							<li tab-set="body-a" tab-frame="big-block-4" class="fl-left tab-handler txt-4">
								<a href="javascript:function voi(){};voi()">PURSUIT</a>
							</li>
							<li tab-set="body-a" tab-frame="big-block-5" class="fl-left tab-handler txt-4">
								<a href="javascript:function voi(){};voi()">ACUITY</a>
							</li>
							<li tab-set="body-a" tab-frame="big-block-6" class="fl-left tab-handler txt-4">
								<a href="javascript:function voi(){};voi()">CADILLAC</a>
							</li>
						</ul>
						<div class="clear"></div>
						
						<div class="form-top-outer">
						</div>
												
						<div class="form-wrapper-outer">
							
							
							<div tab-set="body-a" id="big-block-2" style="display:none;" class="form-wrapper-inner tab-frame default-frame">
								<div class="row">
									<div class="fl-left form-field-label txt-3">
										GUSTO Scale Calculator
									</div>
								</div>
								<div class="row">
									<div class="fl-left form-field-label">
										PDM or HTN or Angina (+1)
									</div>
									<div class="fl-right" style="width:94px; padding-top:4px;">
										<div class="field-boolean">
											<input 
												label="Age"  
												field-type="integer" 
												class="textfield form-field" 
												type="hidden" 
												name="scale-1-0" 
												id="scale-1-0" 
												value="true" 
												/>
											<a class="block" href="javascript:function voi(){};voi()" onclick="Site.CalculateScorecard(this, 'timi-0', 1);">Toggle</a>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<!-- // end of .row -->
							</div>
							<!-- // form-wrapper-inner -->
								
							<div tab-set="body-a" id="big-block-3" style="display:none;" class="form-wrapper-inner tab-frame default-frame">
								<div class="row">
									<div class="fl-left form-field-label txt-3">
										PREDICT Scale Calculator
									</div>
								</div>
								<div class="row">
									<div class="fl-left form-field-label">
										PDM or HTN or Angina (+1)
									</div>
									<div class="fl-right" style="width:94px; padding-top:4px;">
										<div class="field-boolean">
											<input 
												label="Age"  
												field-type="integer" 
												class="textfield form-field" 
												type="hidden" 
												name="scale-2-0" 
												id="scale-2-0" 
												value="true" 
												/>
											<a class="block" href="javascript:function voi(){};voi()" onclick="Site.CalculateScorecard(this, 'timi-0', 1);">Toggle</a>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<!-- // end of .row -->
							</div>
							<!-- // form-wrapper-inner -->
								
							<div tab-set="body-a" id="big-block-4" style="display:none;" class="form-wrapper-inner tab-frame default-frame">
								<div class="row">
									<div class="fl-left form-field-label txt-3">
										PURSUIT Scale Calculator
									</div>
								</div>
								<div class="row">
									<div class="fl-left form-field-label">
										PDM or HTN or Angina (+1)
									</div>
									<div class="fl-right" style="width:94px; padding-top:4px;">
										<div class="field-boolean">
											<input 
												label="Age"  
												field-type="integer" 
												class="textfield form-field" 
												type="hidden" 
												name="scale-3-0" 
												id="scale-3-0" 
												value="true" 
												/>
											<a class="block" href="javascript:function voi(){};voi()" onclick="Site.CalculateScorecard(this, 'timi-0', 1);">Toggle</a>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<!-- // end of .row -->
							</div>
							<!-- // form-wrapper-inner -->
								
							<div tab-set="body-a" id="big-block-5" style="display:none;" class="form-wrapper-inner tab-frame default-frame">
								<div class="row">
									<div class="fl-left form-field-label txt-3">
										ACUITY Scale Calculator
									</div>
								</div>
								<div class="row">
									<div class="fl-left form-field-label">
										PDM or HTN or Angina (+1)
									</div>
									<div class="fl-right" style="width:94px; padding-top:4px;">
										<div class="field-boolean">
											<input 
												label="Age"  
												field-type="integer" 
												class="textfield form-field" 
												type="hidden" 
												name="scale-4-0" 
												id="timi-0" 
												value="true" 
												/>
											<a class="block" href="javascript:function voi(){};voi()" onclick="Site.CalculateScorecard(this, 'timi-0', 1);">Toggle</a>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<!-- // end of .row -->
							</div>
							<!-- // form-wrapper-inner -->
								
							<div tab-set="body-a" id="big-block-6" style="display:none;" class="form-wrapper-inner tab-frame default-frame">
								<div class="row">
									<div class="fl-left form-field-label txt-3">
										CADILLAC Scale Calculator
									</div>
								</div>
								<div class="row">
									<div class="fl-left form-field-label">
										PDM or HTN or Angina (+1)
									</div>
									<div class="fl-right" style="width:94px; padding-top:4px;">
										<div class="field-boolean">
											<input 
												label="Age"  
												field-type="integer" 
												class="textfield form-field" 
												type="hidden" 
												name="timi-0" 
												id="timi-0" 
												value="true" 
												/>
											<a class="block" href="javascript:function voi(){};voi()" onclick="Site.CalculateScorecard(this, 'timi-0', 1);">Toggle</a>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<!-- // end of .row -->
							</div>
							<!-- // form-wrapper-inner -->
								
							
							<div tab-set="body-a" id="big-block-1" style="display:none;" class="form-wrapper-inner tab-frame default-frame">
								<div class="row">
									<div class="fl-left form-field-label">
										PDM or HTN or Angina (+1)
									</div>
									<div class="fl-right" style="width:94px; padding-top:4px;">
										<div class="field-boolean">
											<input 
												label="Age"  
												field-type="integer" 
												class="textfield form-field" 
												type="hidden" 
												name="timi-pdm" 
												id="timi-pdm" 
												value="true" 
												/>
											<a class="block" href="javascript:function voi(){};voi()" onclick="Site.CalculateScorecard(this, 'timi-pdm', 1);">Toggle</a>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<!-- // end of .row -->
								
								<div class="row">
									<div class="fl-left form-field-label">
										SBP &lt; 100 mmHg (+3)
									</div>
									<div class="fl-right" style="width:94px; padding-top:4px;">
										<div class="field-boolean">
											<input 
												label="Age"  
												field-type="integer" 
												class="textfield form-field" 
												type="hidden" 
												name="timi-sbp" 
												id="timi-sbp" 
												value="true" 
												/>
											<a class="block" href="javascript:function voi(){};voi()" onclick="Site.CalculateScorecard(this, 'timi-sbp', 3);">Toggle</a>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<!-- // end of .row -->
								
								<div class="row">
									<div class="fl-left form-field-label">
										HR &gt; 100 bpm (+2)
									</div>
									<div class="fl-right" style="width:94px; padding-top:4px;">
										<div class="field-boolean">
											<input 
												label="Age"  
												field-type="integer" 
												class="textfield form-field" 
												type="hidden" 
												name="timi-hr" 
												id="timi-hr" 
												value="true" 
												/>
											<a class="block" href="javascript:function voi(){};voi()" onclick="Site.CalculateScorecard(this, 'timi-hr', 2);">Toggle</a>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<!-- // end of .row -->
								
								<div class="row">
									<div class="fl-left form-field-label">
										Killip Class II-IV (+2)
									</div>
									<div class="fl-right" style="width:94px; padding-top:4px;">
										<div class="field-boolean">
											<input 
												label="Age"  
												field-type="integer" 
												class="textfield form-field" 
												type="hidden" 
												name="timi-killip" 
												id="timi-killip" 
												value="true" 
												/>
											<a class="block" href="javascript:function voi(){};voi()" onclick="Site.CalculateScorecard(this, 'timi-killip', 2);">Toggle</a>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<!-- // end of .row -->
								
								<div class="row">
									<div class="fl-left form-field-label">
										Weight &lt; 67 kg (147.7 lbs) (+1)
									</div>
									<div class="fl-right" style="width:94px; padding-top:4px;">
										<div class="field-boolean">
											<input 
												label="Age"  
												field-type="integer" 
												class="textfield form-field" 
												type="hidden" 
												name="timi-weight" 
												id="timi-weight" 
												value="true" 
												/>
											<a class="block" href="javascript:function voi(){};voi()" onclick="Site.CalculateScorecard(this, 'timi-weight', 1);">Toggle</a>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<!-- // end of .row -->
								
								<div class="row">
									<div class="fl-left form-field-label">
										Anterior ST Elevation or LBBB? (+1)
									</div>
									<div class="fl-right" style="width:94px; padding-top:4px;">
										<div class="field-boolean">
											<input 
												label="Age"  
												field-type="integer" 
												class="textfield form-field" 
												type="hidden" 
												name="timi-anterior" 
												id="timi-anterior" 
												value="true" 
												/>
											<a class="block" href="javascript:function voi(){};voi()" onclick="Site.CalculateScorecard(this, 'timi-anterior', 1);">Toggle</a>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<!-- // end of .row -->
								
								<div class="row last">
									<div class="fl-left form-field-label">
										Time to Treatment &gt; 4 hrs? (+1)
									</div>
									<div class="fl-right" style="width:94px; padding-top:4px;">
										<div class="field-boolean">
											<input 
												label="Age"  
												field-type="integer" 
												class="textfield form-field" 
												type="hidden" 
												name="timi-tot" 
												id="timi-tot" 
												value="true" 
												/>
											<a class="block" href="javascript:function voi(){};voi()" onclick="Site.CalculateScorecard(this, 'timi-tot', 1);">Toggle</a>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<!-- // end of .row -->
							</div>
							<!-- // form-wrapper-inner -->
							
							
							
						</div>
						<!-- // form-wrapper-outer -->
						
						<div 
							form="form-patient-add" 
							class="block btn-s fl-right form-handler tooltip-handler" 
							tooltipoptions="({ Align: Phased.Controls.Tooltips.Positions.ELEMENT, Offset: { Top: 6, Left: 0 }, Coords: { Top: 0, Left: 0 } })" 
							tooltipcontent="Save this score to your outcomes" 
							>
							Save
						</div>
						<div 
							id="scorecard-results" 
							class="fl-right tooltip-handler"
							tooltipoptions="({ Align: Phased.Controls.Tooltips.Positions.ELEMENT, Offset: { Top: 6, Left: 0 }, Coords: { Top: 0, Left: 0 } })" 
							tooltipcontent="Current Calculated Stratification Score" 
							>
							Current Stratification Score: <span>0</span>
						</div>
						<div class="clear"></div>
						
					</div>
					<!-- // end of .column-0 --> 
					
					<div class="fl-left column-1">
						
						<div style="margin-top:40px; margin-left:125px;">
							<img 
								src="/app/images/patients-overview.png"
								class="tooltip-handler"
								tooltipoptions="({ Align: Phased.Controls.Tooltips.Positions.ELEMENT, Offset: { Top: -260, Left: -10 }, Coords: { Top: 0, Left: 0 } })" 
								tooltipcontent="Key indicator points of your recent patient results" 
								/>
						</div>
						
					</div>
					<!-- // end of .column-1 --> 
					<div class="clear"></div>
				</div>
				<!-- // end of .two-column --> 
				
				<div class="site-foot"></div>
				
			</div>
			<!-- // end of .wrapper-a --> 
			</div>
			<!-- // end of #page-body-wrapper --> 
		</div> 
		<!-- // end of #page-wrapper --> 
		
		</div>
		<!-- // end of #page --> 
		
	</body> 
</html>